.User{
    width: 100%;
    min-height: 100vh;
    background-color: #f8f8f8;
    .user-banner{
        background-color: #fff;
    }
    .user-top{
        display: block;
        background: url(../../assets/images/user/bj_1.png) no-repeat;
        background-size: contain;
        .user-title{
            color: #fff;
            margin-left: 0.453333rem;
            padding-top: 1.12rem;
            font-weight: 500;
            font-size: .373333rem;
        }
        img{
            display: block;
            margin: auto;
            width: 230px;
            height: 230px;
            background: #FFFFFF;
            border-radius: 50%;
            margin: 1.76rem auto 0;
        }
        .user-name{
            margin-top: 0.444444rem;
            margin-bottom: 0.711111rem;
            text-align: center;
            font-size: .444444rem;
        }
    }

    .user-list{
        background-color: #fff;
        justify-content: space-around;
        li{
            text-align: center;
            h4{
                font-size: .373333rem;
                margin-top: 0.266667rem;
                margin-bottom: 0.257778rem;
            }
            p{
                color: #999;
                font-size: .302222rem;
            }
        }
        img{
            width: 102px;
            height: 98px;
        }
    }

    .user-body{
        margin-top: 40px;
        background-color: #fff;
        li{
            display: flex;
            padding: 0 50px;
            justify-content: space-between;
            height: 1.244444rem;
            align-items: center;
            font-size: .391111rem;
            .left{
                align-items: center;
                img{
                    width: 0.4rem;
                    margin-right: 0.186667rem;
                }
            }
            .right{
                .MuiSvgIcon-root{
                    font-size: 46px;
                    color: #898a95;
                }
            }
        }
    }
    
}